<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎</title>
    <style>
        html,body{
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
        .main{
            width: 100%;
            height: 100%;
            background: #fff;
        }
    </style>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" />
</head>
<body>
<div class="main">
    <div>
        <h1>欢迎访问http://www.dmyang.club</h1>
        <h2>dm,hy祝您生活愉快，事事顺心。</h2>
        <h1 style="color: red;">若：文章、标签、分类、友链有任何改动，请执行更新缓存操作。</h1>
        <button class="layui-btn" id="updatecache">更新缓存</button>
    </div>
</div>
<script src="/plugins/layui/layui.js"></script>
<script>
    layui.use(['jquery','layer'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;

        $("#updatecache").click(function () {
            //异步请求提交
            $.ajax({
                url: "/updatecache",
                type: "GET",
                data:  null,//【注意】这里的这个对象就只能套一层，如果套了多层，就会出现很奇怪的问题。
                async:false,
                error: function(data) {
                    layer.alert("出错了！服务器故障或本地网络错误。");
                },
                success: function(data) {
                    if(data.code==0){
                        layer.alert(data.msg);
                    }else if (data.code==1){
                        layer.alert(data.msg);
                    }
                }
            });
        });
    });
</script>
</body>
</html>